
.card{
  display: flex;
  justify-content:center;
}
.block{
    text-align: center;
    display: inline-block;
    width: 300px;
    height: 300px;
    box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius:10px;
    margin-right: 25px;
    margin-bottom: 25px;
    cursor: pointer;
    background:#fff;
    filter: brightness(90%);
  position: relative;
}

// .block:hover {
//     filter: brightness(100%);
//   }

.blocks{
    display: inline-block;
    width: 300px;
    height: 300px;
    box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius:10px;
    margin-right: 25px;
    margin-bottom: 25px;
    border:1px dashed #4a90e2 ;
    float: left;
    cursor: pointer;
    span{
        color:#4a90e2;
        position: relative;
        top: 136px;
        left: 75px;
    }
}

.dabj{
  overflow: hidden;
  height: calc(100vh - 80px);
  overflow-y:scroll;
}
.dabj::-webkit-scrollbar{width:6px;}
.dabj::-webkit-scrollbar-track{background:transparent;}
.dabj::-webkit-scrollbar-thumb{
  background-color:#d1d1d1;
  border-radius: 10px;
}
.dabj::-webkit-scrollbar-thumb:hover {background-color:#9c3}
.dabj::-webkit-scrollbar-thumb:active {background-color:#00aff0}



